<template>
	<view class="page">
		<!-- 头部背景 -->
		<view class="head-bg">
			<view class="head-user">
				<view class="user">
				</view>
				<view class="exchange" @click="onConsumeRecord">
					<text>消费明细</text>
					<text class="iconfont icon-more"></text>
				</view>
			</view>
			<view class="wallet-balance">
				<view class="wallet">
					<text><text class="iconfont" style="margin-right: 20rpx;"></text>总金额（元）</text>
					<text class="number">{{userInfo.banlace}}</text>

				</view>

			</view>
			<view class="recharge-btn">
				<view class="btn" @click="Payouts">
					提现
				</view>
				<!-- <view class="btn" @click="recharge">
					充值
				</view> -->
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			const userInfo = uni.getStorageSync('userInfo');
			console.log(userInfo,'================')
			return {
				userInfo,
			};
		},
		computed: {

		},
		methods: {

			onConsumeRecord() {
				uni.navigateTo({
					url: '/pages/ConsumeRecord/ConsumeRecord'
				})
			},
			//充值
			recharge() {
				uni.navigateTo({
					url: '/pages/Recharge/Recharge'
				})
			},
			//提现
			Payouts() {
				uni.navigateTo({
					url: '/moduleD/Payouts/Payouts'
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import 'MyWallet.scss';
</style>